// 首页推荐板块

import React, { Component } from 'react'
import { Text, View, StyleSheet, FlatList, } from 'react-native'

import Swiper from '../../../components/Swiper'
import Title from '../../../components/Title/Title'

import NewsItem from '../../../components/Item/News/Home'

const DATA = [
  {
    id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
    title: 'First Item',
  },
  {
    id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
    title: 'Second Item',
  },
  {
    id: '58694a0f-3da1-471f-bd96-145571e29d72',
    title: 'Third Item',
  },
];


export default class Recommend extends Component {

  render() {
    return (
      <View>
        {/* 轮播图 */}
        <Swiper></Swiper>
        {/* marginBottom */}
        <View style={{height:10}}></View>
        {/* 资讯板块 */}
        <Title></Title>
        <FlatList
          data={DATA}
          renderItem={({ item }) => (
            <NewsItem item={item}></NewsItem>
          )}
          keyExtractor={item => item.id}
        />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  
})